﻿<!DOCTYPE html>
<style>
html { font-family:Ahem; }
p { word-break:break-all; width:4em; border:solid black thin; }
#ref { color:red; position:absolute; left:0; top:0; }
#test { position:absolute; left:0; top:0; }
</style>
<!-- Linux can't position #ref and #test aligned for East Asian fonts
<div id="ref">
  <p>MMMM<br>MMMM
  <p>M000<br>0000
  <p lang="ja">&#x6F22;&#x6F22;&#x6F22;&#x6F22;<br>&#x6F22;
  <p>M MM<br>MMMM
  <p>M 00<br>0000
  <p>MMM<br>M===
  <p>M M<br>M===
  <p>MM0<br>0===
  <p>M 0<br>0===
  <p lang="ja">&#x6F22;&#x6F22;&#x6F22;<br>&#x6F22;&#x3002;
</div>
-->
<div id="test">
  <p>MMMMMMMM
  <p>M0000000
  <p lang="ja">&#x6F22;&#x6F22;&#x6F22;&#x6F22;&#x6F22;
  <p>M MMMMMM
  <p>M 000000
  <p>MMMM)==
  <p>M MM)==
  <p>MM00)==
  <p>M 00)==
  <p lang="ja">&#x6F22;&#x6F22;&#x6F22;&#x6F22;&#x3002;
  <p>=======
</div>
